<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->

    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->

    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->

    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <style>
        .form-control{
            width: 50%;
        }
    </style>
</head>
<body>
    <div class="container">
        <h3>欢迎来到大连民族大学教务系统</h3>
<!--            同步请求-->
<!--            后端控制器url-->
        <form action="login">
            <div class="form-group">
                <label>账号：</label>
                <input type="text" placeholder="请输入账号" name="userid" class="form-control">
            </div>
            <div class="form-group">
                <label>密码：</label>
                <input type="password" placeholder="请输入密码" name="userpass" class="form-control">
            </div>
            <div class="form-group">
                <label>角色：</label>
                <input type="radio" name="role" value="1"> 任课教师
                <input type="radio" name="role" value="2"> 班主任
                <input type="radio" name="role" value="3"> 就业老师
                <input type="radio" name="role" value="4"> 管理员
            </div>

            <input type="submit" value="登录" class="btn btn-primary">

        </form>
    </div>

</body>
</html>